body {
	padding: 50px;
	font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #111;
	min-width: 600px;
}

a {
	color: #00B7FF;
	text-decoration:none;
}
div {
	text-wrap: unrestricted;
}
.menu{
	background-color: #f1f0f1;
	margin-top: 0px;
	padding: 10px;
	margin-bottom: 40px;
	min-width: 620px;
}
a.menuItem {
	padding: 11px 5px ;
	color: #555;
	margin-right: 15px;
	font: 12px;
	font-size: 12px;
	font-weight: bold;
}
a.menuItem.crrLink {
	color: rgb(217,66,54);
}
a.menuItem:HOVER{
	color: rgb(205,72,54);
}
button {
	background-color: #222;
	color: #fff;
	border: 0px;
	padding: 5px 15px;
	float: left;
}
button:HOVER {
	background-color: #111;
}

#upload {
	padding-left: 12px;
	font-size: 15px;
	color: rgb(217,66,54);
}
.fakeBtn {
	position: absolute;
	height: 50px;
	width: 105px;
	background-color: #f1f0f1;
	top: 235px;
	z-index: 100;
	font-size: 10px;
	padding-right: 5px;
	color: #222;
}

form, .gallery-wrp {
	background-color: #f1f0f1;
	padding: 20px;
	min-height: 180px;
	min-width: 600px;
	height: auto;	
}
.gallery-wrp{
	width: 1020px;	
}
.gallery-wrp:AFTER{
	clear: both;
	display: block;
	content: ".";
}
div.content_wrp {
	background-color: #f1f0f1;
	/* padding: 20px; */
	min-height: 180px;
	/* min-width: 180px; */
	height: auto;	
	float: left;
	margin: 1px;
}
div.content_wrp:after
{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
}
.bottom_content{
	min-height: 60px;
}
bottom_content:after
{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
}
button:HOVER {
	background-color: #000;
}

img.smallImage{
	width: 150px;
	float: left;
	margin-right: 10px;	
	margin-bottom: 10px;
}
.imageNameWrp {
	font-weight: bold;
	margin-left: 10px;
	text-align: center;
	margin: auto;
}
.derc{
	font-size: 10px;
	padding: 10px;
	background-color: #f1f0f1;
}
.imageContentWrp {
	background-color: #fff;
	width: 150px;
	padding: 20px;
	font-size: 12px;
	margin: 5px;
	box-shadow: 5px 5px 5px #bbb;
}
b.name {
	font-size: 14px;
}
.newWrp{
	animation: myfirst 2s;
/* -webkit-animation:myfirst 2s; */
/* 	background-color: #00B7FF; ; */
	color: rgb(255,255,255);
	padding: 6px 10px;
	margin: 8px 0px;
	overflow: hidden;
	width: 100%;
	height: 20px;
	font-size: 12px;
	box-shadow: 5px 5px 5px #bbb;
}

@keyframes myfirst
{
	0%   {height: 0px; width: 0%;color: #00B7FF;}
	5%   {height: 20x; width: 0%;color: #00B7FF;}
	100%   {height: 20px; width: 100%;color: #00B7FF;}
}

@-webkit-keyframes fblur /* Safari and Chrome */
{
	0%   {height: 0px; width: 0%;color: #00B7FF;}
	5%   {height: 20x; width: 0%;color: #00B7FF;}
	100%   {height: 20px; width: 100%;color: #00B7FF;}
}
@-webkit-keyframes flightRed /* Safari and Chrome */
{
	0%   {height: 0px; width: 0%;color: #e57261;}
	5%   {height: 20x; width: 0%;color: #e57261;}
	100%   {height: 20px; width: 100%;color: #e57261;}
}
@-webkit-keyframes fyellow /* Safari and Chrome */
{
	0%   {height: 0px; width: 0%;color: #ffe51e;}
	5%   {height: 20x; width: 0%;color: #ffe51e;}
	100%   {height: 20px; width: 100%;color: #ffe51e;}
}
@-webkit-keyframes fpink /* Safari and Chrome */
{
	0%   {height: 0px; width: 0%;color: #ff51aa;}
	5%   {height: 20x; width: 0%;color: #ff51aa;}
	100%   {height: 20px; width: 100%;color: #ff51aa;}
}
@-webkit-keyframes fgreen /* Safari and Chrome */
{
	0%   {height: 0px; width: 0%;color: #9dd802;}
	5%   {height: 20x; width: 0%;color: #9dd802;}
	100%   {height: 20px; width: 100%;color: #9dd802;}
}
.pink{
	background-color: #ff51aa;
	-webkit-animation: fpink 2s;
}
.lightRed {
	background-color: #e57261;
	-webkit-animation: flightRed 2s;
}
.blue{
	background-color: #00B7FF;
	-webkit-animation: fblur 2s;
}
.yellow{
	background-color: #ffe51e;
	-webkit-animation: fyellow 2s;
}
.green{
	background-color: #9dd802;
	-webkit-animation: fgreen 2s;
}